<template>
  <div>
    <!--
        dialog弹框
           title:标题
           visible.sync(数据的双向绑定):是否打开弹框
           width:宽度
           默认插槽：弹框内容
           具名插槽(footer)：底部内容（常用于放取消与确定按钮）
     -->

    <el-button @click="open">打开弹框</el-button>
    <Add ref="add" />
  </div>
</template>
<script>
import Add from './components/add'
export default {
  components: {
    Add
  },
  data() {
    return {}
  },
  methods: {
    open() {
      this.$refs.add.isShow = true
    }
  }
}
</script>
<style></style>
